<template>

<div class="app">
  <carHeader></carHeader>
  <h3>购物车</h3>


 <carFoot class="car-footer"></carFoot>
 
  <!-- 底部导航栏 -->
    <div id="nav">
    
        <Nav></Nav>
    </div>
  </div>

  </template>
  
  <script>
  //导航栏组件
import Nav from '../navbar.vue'
import carHeader from '@/components/cart/carHeader.vue';
import carFoot from '../../components/cart/carFooter.vue'

  export default {
    name: "cart",
  // 注册组件
  components: {
    Nav,
    carHeader,
    carFoot,
  },
  }
  </script>
  
  <style scoped>
.car-footer { /* 假设您的 carFooter 组件根元素有 car-footer 类名 */
    position: fixed;
    bottom: 68px; /* 这个值至少与 Nav 组件的高度相同 */
    left: 0;
    width: 100%; /* 或者是100vw，根据实际情况使用 */
    /* 其他样式 */
}
  </style>